page{
    width: 100%;min-height: 100vh;background: rgba(250, 250, 250, 1);
}
.swiper-main-head{      
    .swiper-banner{
        width: 100%;padding: 20rpx 40rpx 0;box-sizing: border-box;
        .swiper{
            height: 310rpx;
            .swiper-item{
                width: 100%;height: 310rpx;
                .cover-image{
                    width: 100%;height: 310rpx;border-radius:10rpx;overflow: hidden;
                    background:#ccc url('') center center no-repeat;
                    background-size: cover;
                }
            }
        }
    }
}
.entrance-box{
    // position: relative;left:0;top:-40rpx;
    padding:32rpx;box-sizing:border-box;
    display: flex;justify-content: space-between;align-items: center;
    flex-wrap: wrap;
    .entrance-item{
        width: 152rpx;height: 156rpx;border-radius: 10rpx;position: relative;
        box-shadow: 0 0 30rpx rgba(100, 100, 100, 0.1);background: #ffffff;
        display: flex;justify-content: center;align-items: center;
        flex-direction: column;
        margin-bottom: 20rpx;
        .canvas-main{
            width: 120rpx;height: 120rpx;
        }
        .name{
            font-size: 12px;color: #000;line-height: 1;font-weight: bold;
            &.len2{
                font-size: 10px;white-space: nowrap;
            }
        }
    }
}
/* 外层组件的宽度可设置成100%或具体数值 */
.adContainer {
    position: fixed;bottom: 0;left: 0;
    width: 100%;
}